// css module 改变了类名和选择器的作用域(即有点像类名空间)
// 目的是解决css中全局作用域的问题，他会生成唯一的标识作为className

.login {
  height: 100vh;
  background: url(/imgs/login_bg.jpeg) no-repeat;
  background-size: cover;
  background-position: center;

  // 如果想修改第三方组件样式，默认通过css-module无法修i该，需要添加:global才可以
  // .ant-btn-primary {
  //   background-color: #faf;
  // }
  :global(.ant-btn-primary) {
    background-color: #faf;
  }
}
.title {
  font-size: 42px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 30px;
}
.loginWrapper {
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 10%;
  width: 300px;
  transform: translateY(-50%);
  padding: 50px;
}
